<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="../utils/jquery-3.6.0.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <script src="../JS/FollowPage.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="../CSS/FollowPage.css" />
    <title>首页</title>
  </head>

  <body>
    <div>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <h4>疫情防控后台管理系统</h4>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <span class="glyphicon glyphicon-user"><a href="../pages/login.html">admin</a></span>
                    <span class="glyphicon glyphicon-home"><a href="../pages/homePage.html">首页</a></span>
                    <span class="glyphicon glyphicon-off"><a href="../pages/login.html">退出</a></span>
                </div>
            </div>
        </nav>
    </div>
    <div class="aside">
        <div class="nav">
            <ul class="nav nav-pills nav-stacked">
                <li class="bottomColor">
                    <a href="#" class="blue">
                        <span class="glyphicon glyphicon-home"></span>
                        总览
                    </a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-user"></span>流调管理<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>确诊病例管理</li>
                        <li>密接人员管理</li>
                        <li>死亡人员管理</li>
                        <li>治愈患者管理</li>
                        <li>服务审核</li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-thumbs-up"></span>指挥调度</a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-pencil"></span>来访登记<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>车辆登记</li>
                        <li>人员登记</li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-edit"></span>居家检测<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="./backlogPage.html">每日待办</a></li>
                        <li><a href="./addedPage.html">每日新增</a></li>
                        <li><a href="./monitorPage.html">居家监测</a></li>
                        <li><a href="./FollowPage.html">密切跟踪</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-stats"></span>信息管理<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>突发事件处理</li>
                        <li>住户基本信息</li>
                    </ul>
                </li>
                <li class="show">
                    <a href="#"><span class="glyphicon glyphicon-yen"></span>通知公告</a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-registration-mark"></span>统计分析<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>信息登记统计表</li>
                        <li>密接人群分析表</li>
                        <li>异常预警统计表</li>
                    </ul>
                </li>

                <li>
                    <a href="#"><span class="glyphicon glyphicon-asterisk"></span>设置<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>组织管理</li>
                        <li>账号管理</li>
                        <li>角色管理</li>
                        <li>系统日志</li>
                        <li>数据字典管理</li>
                        <li>系统设置</li>
                    </ul>
                </li>
                <!-- <li>
                    <a href="#"><span class="glyphicon glyphicon-tags"></span>住户申请<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>成员管理</li>
                        <li>角色管理</li>
                        <li>操作日志</li>
                        <li>数据库管理</li>
                        <li>客服管理</li>
                    </ul>
                </li> -->
            </ul>
        </div>
      <div class="backlog-box">
        <div class="backlog-header">
          <p>
            <span>居家监测</span>
            <span>/&nbsp;</span>
            <span>居家监测</span>
            <span>/&nbsp;</span>
            <span>密切跟踪</span>
          </p>
        </div>
        <div class="backlog-context1">
            <div class="context1-header">
                <span class="userName">王子恒</span>
                <span>正常</span>
            </div>
            <div class="context1-body">
                <div class="context1-message1">
                    <span >身份证号码：</span>
                    <span >手机号：</span>
                    <span >登记时间：</span>
                </div>
                <div class="context1-message2">
                    <span class="userId">32090109320302323</span>
                    <span class="userTel">187772839923</span>
                    <span class="userData">2002-11-11</span>
                </div>
            </div>
        </div>
        <div class="follow-context">
            <div class="follow-span1">
                <span>体温检测</span>
            </div>
            <div class="follow-span2">
                <span>核酸检测登记</span>
            </div>
        </div>
        <div class="backlog-context">
          <div class="table-box">
            <table class="table-size table-bordered table-hover">
              <thead>
                <tr>
                  <th style="width: 100px">序号</th>
                  <th style="width: 170px">日期</th>
                  <th style="width: 170px">体温(°)</th>
                </tr>
              </thead>
              <tbody>
                <!-- <tr>
                    <td>1</td>
                    <td>2022-01-01</td>
                    <td><input type="text" value="36.5"></td>
                </tr> -->
                
              </tbody>
            </table>
            <button type="button" class="add-btn btn btn-info">新增一行</button>
          </div>
          <div class="nucleic-box">
            <table class="table-size table-bordered table-hover">
                <thead>
                  <tr>
                    <th style="width: 100px">序号</th>
                    <th style="width: 170px">采样日期</th>
                    <th style="width: 170px">送检单位</th>
                    <th style="width: 170px">是否咽拭子</th>
                    <th style="width: 170px">是否血清</th>
                    <th style="width: 170px">送检日期</th>
                    <th style="width: 170px">检验结果</th>
                  </tr>
                </thead>
                <tbody>
                   <tr>
                      <td>1</td>
                      <td>2022-01-01</td>
                      <td>独墅湖医院</td>
                      <td>是</td>
                      <td>否</td>
                      <td>2022-07-03</td>
                      <td>阴性</td>
                  </tr>
                  
                </tbody>
              </table>
          </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-body">
                <form class="">
                    <div class="form-group">
                        <label for="exampleInputEmail1">序号</label>
                        <input type="text" class="form-control addId" name="sNumber"><span></span>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">日期</label>
                        <input type="date" class="form-control addData" name="user"><span></span>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">体温(°)</label>
                        <input type="text" class="form-control addTemperature" name="number"><span></span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary addSaveBtn">确认</button>
            </div>
          </div>
        </div>
      </div>
  </body>
</html>
